<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>主页</title>


</head>

<body>
    <!-- 头部 -->
    <header>
        <div class="box">
            <div class="left">
                <div class="logo">

                </div>
                <span>蜗牛考试系统 </span>
            </div>
            <div class="right">
                <div class="circle">

                </div>
                <span id="firstName">蜗牛测试账号</span>
                <a href="" data-toggle="modal" data-target="#staticBackdrop">
                    <div class="logo"></div>


                </a>
                <!-- Modal -->
                <div class="modal fade" id="staticBackdrop" data-backdrop="static" data-keyboard="false" tabindex="-1"
                    aria-labelledby="staticBackdropLabel" aria-hidden="true">
                    <div class="modal-dialog modal-lg">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h5 class="modal-title" id="staticBackdropLabel">资料修改</h5>
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                            </div>
                            <div class="modal-body">
                                <div class="mbox">
                                    <div class="title">
                                        你可以在这里对个人资料进行修改完善
                                    </div>
                                    <div class="phone">
                                        手机号：&nbsp;&nbsp;&nbsp;&nbsp; <span id="phone">xxxxxxxxxxx</span>
                                        &nbsp;&nbsp;&nbsp;&nbsp;<span>*
                                            手机号暂时不允许修改，如需修改 请联系我们</span>
                                    </div>
                                    <div class="img">
                                        设置头像：
                                        <div class="box">
                                            <img src="./images/whk/u375.png" alt="" id="touXiang" width="50px"
                                                height="50px">
                                        </div>
                                        <input type="file" placeholder="上传头像" id="fileImg">
                                    </div>
                                    <div class="name">
                                        姓名： &nbsp;&nbsp;&nbsp; <input type="text" id="name">
                                    </div>
                                    <div class="sex" id="gender">
                                        性别： &nbsp;&nbsp;&nbsp;<input type="radio" name="sex" id="man"> <label
                                            for="man">男 </label>
                                        <input type="radio" name="sex" id="woman"> <label for="woman">女</label>
                                    </div>
                                </div>

                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
                                <button type="button" class="btn btn-primary" id="userUpdate">保存提交</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>

    <main>
        <h3>添加试题</h3>
        <div class="line">
            <span>试题类型：</span>
            <select name="" id="knowType">
                <option value="">html</option>
            </select>
        </div>

        <div class="line">
            <span>题目内容：</span>
            <input type="text" id="question" placeholder="请输入题目内容">


            </input>
        </div>

        <div class="line">
            <span>答案选项：</span>
            <div class="box">

                <input type="text"  id="chooseA" placeholder="请输入选项A"> 
                    
                    
                </input>
                <input type="text"  id="chooseB" placeholder="请输入选项B">
                    
                    
                </input>
                <input type="text"  id="chooseC" placeholder="请输入选项C">
                    
                </input>
                <input type="text"  id="chooseD" placeholder="请输入选项D">
                    
                </input>
            </div>

        </div>

        <div class="line">
            <span>正确选项：</span>
            <select name="" id="correct">
                <option value="0">A</option>
                <option value="1">B</option>
                <option value="2">C</option>
                <option value="3">D</option>
            </select>
        </div>

        <div class="line">
            <span>答案解析：</span>
            <input type="text"  id="analysis" placeholder=" 请输入答案解析">
    
            </input>
        </div>
        <div class="line">
            <span>题目分数：</span>
            <input type="number" placeholder="请输入题目分数" min="1" id="score" max="10">
        </div>
        <button id="addTi">提交</button>
    </main>
</body>

</html>